@charset "utf-8";
    html {
    font-size:62.5%;
    /*10 ÷ 16 × 100% = 62.5%*/
}
body {
    margin:0;
    padding:0;
    text-align:left;
    color:#001200;
    font-size:1.6rem;
    /*1.6 × 10px = 16px */
    font-family:"Microsoft YaHei",Arial,helvetica,sans-serif;
    background:#ffffff;
    /*background:#fff;
    */
    overflow-x:hidden;
}
:root {
    --prop:1;
    --base_color:#225bb0
}
.base_color {
    color:var(--base_color) !important;
}
.base_bg {
    background:var(--base_color);
}
a {
    transition:all 0.3s;
}
a:link {
    color:#333333;
    text-decoration:none
}
a:visited {
    color:#333333;
    text-decoration:none
}
a:hover {
    text-decoration:none;
    color:#000;
}
a:focus {
    outline:none;
    -moz-outline:none;
}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    background-color:var(--base_color);
}
img {
    border:0px;
}
input {
    outline:none;
}
ul,li,dl,dt,dd {
    list-style-type:none;
    list-style:none;
    margin:0;
    padding:0;
    text-align:left;
}
canvas {
    margin:0;
    padding:0;
    display:block;
    border:none;
}
.dv {
    display:inline-block !important;
    vertical-align:middle;
}
.mr_10 {
    margin-right:10px;
}
.imgbox img.img-fluid {
    width:100%;
    min-height:100%;
}
.imgbox {
    position:relative;
    overflow:hidden;
}
.imgbox:after {
    content:'';
    display:block;
}
.imgbox img,.imgbox video,.imgbox div.contbox {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
.imgbox_4_3,.imgbox_1_1 {
    background:#fff;
}
.imgbox_3_1:after {
    margin-top:33.3333%;
}
.imgbox_5_2:after {
    margin-top:40%;
}
.imgbox_2_1:after {
    margin-top:50%;
}
.imgbox_395_230:after {
    margin-top:58.27%;
}
.imgbox_5_3:after {
    margin-top:60%;
}
.imgbox_400_265:after {
    margin-top:66.25%;
}
.imgbox_4_3:after {
    margin-top:75%;
}
.imgbox_1_1:after {
    margin-top:100%;
}
.imgbox_3_4:after {
    margin-top:133.33%;
}
.imgbox_4_3 video {
    width:100% !important;
    margin:0 auto;
    display:block;
}
.valign-wrapper {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
}
.valign-wrapper .fluid-img {
    margin:0 auto !important;
}
.ImgScale img,.ImgScale i {
    transition:all 0.3s;
}
.ImgScale:hover img,.ImgScale:hover i {
    transform:translate(-50%,-50%) scale(1.05);
}
.IScale i,.IScale img {
    transition:all 0.3s;
}
.IScale:hover i,.IScale:hover img {
    transform:translate(-50%,-50%) rotateY(180deg);
}
.rotateY:before {
    transform:rotateY(180deg);
}
.fs14 {
    font-size:1.4rem;
}
.fs15 {
    font-size:1.5rem;
}
.fs16 {
    font-size:1.6rem;
}
.fs17 {
    font-size:1.7rem;
}
.fs18 {
    font-size:1.8rem;
}
.fs19 {
    font-size:1.9rem;
}
.fs20 {
    font-size:2.0rem;
}
.fs22 {
    font-size:2.2rem;
}
.fs24 {
    font-size:2.4rem;
}
.fs26 {
    font-size:2.6rem;
}
.fs35 {
    font-size:3.5rem;
}
.fs40 {
    font-size:4.0rem;
}
.fs45 {
    font-size:4.5rem;
}
.fs70 {
    font-size:7.0rem;
}
.op6 {
    opacity:0.6;
}
.op8 {
    opacity:0.8;
}
.py-8 {
    padding:7rem 0;
}
i.fs20 {
    font-size:2.0rem;
}
.lh-15 {
    line-height:1.5;
}
.lh-20 {
    line-height:2.0;
}
